<template>
  <div>
        <div class="performance_contetnt">
        <ul>
            <li><em>会员累计总和</em><i><b class="fsz">1563</b>人</i></li>
            <li><em>2017年1月</em><i><b class="fsz">63</b>人</i></li>
            <li><em>2016年12月</em><i><b class="fsz">63</b>人</i></li>
            <li><em>2016年11月</em><i><b class="fsz">63</b>人</i></li>
            <li><em>2016年10月</em><i><b class="fsz">63</b>人</i></li>
        </ul>
</div>
  </div>
</template>
<script>

</script>
<style scoped lang="less">
.performance_contetnt{
        width:96%;
        position: absolute;
        top:2rem;
        bottom:0;
        margin-left: 4%;
        overflow-x:hidden;
        overflow-y:auto;
        ul li{
            width:100%;
            height: 0.9rem;
            line-height: 0.9rem;
            font-size: 0.22rem;
            color:#a5a5a5;
            border-bottom: 0.02rem solid #eee;
            em{
                display: inline-block;
                width:30%;
                text-align: left;
                text-overflow: ellipsis; overflow: hidden;white-space: nowrap;
            }
            i{
                display: inline-block;
                width:65%;
                text-align: right;
                text-overflow: ellipsis; overflow: hidden;white-space: nowrap;
                b{
                    color:#3e3e3e;
                    font-size: 0.3rem;
                }
            }
            &:nth-child(1) {
                i b{
                    color:#ec9c73;
                }
            }
        }
}
</style>
